<script setup lang="ts">
// // 热门推荐页 标题和url
// import { getHomeHotRecommendAPI } from '@/services/hot/hot'
// import { ref } from 'vue'
// import { onLoad } from '@dcloudio/uni-app'
// import type { HotResult } from '@/types/hot'
//
// const hotMap = [
//   { type: '1', title: '特惠推荐', url: '/hot/preference' },
//   { type: '2', title: '爆款推荐', url: '/hot/inVogue' },
//   { type: '3', title: '一站买全', url: '/hot/oneStop' },
//   { type: '4', title: '新鲜好物', url: '/hot/new' },
// ]
//
// const activeIndex = ref(0)
//
// // uniApp获取传递参数
// const query = defineProps<{
//   type: string
// }>()
// // 查询传递的值
// let currUrlMap = hotMap.find((item) => item.type === query.type)
// // 动态设置标题
// uni.setNavigationBarTitle({
//   title: currUrlMap!.title,
// })
//
// const hotList = ref<HotResult>({ bannerPicture: '', id: '', subTypes: [], title: '' })
//
// // 获取热门数据
// const getHotData = async () => {
//   const res = await getHomeHotRecommendAPI(currUrlMap!.url, {
//     page: import.meta.env.DEV ? 30 : 1,
//     pageSize: 10,
//   })
//   // 赋值
//   hotList.value = res.result
// }
//
// // 滚动触底
// const onScrollToLower = async () => {
//   // 当前页码累加
//   let goods = hotList.value.subTypes[activeIndex.value]
//   if (goods.goodsItems.pages > goods.goodsItems.page) {
//     goods.goodsItems.page++
//     // 调用Api
//     const res = await getHomeHotRecommendAPI(currUrlMap!.url, {
//       subType: goods.id,
//       page: goods.goodsItems.page,
//       pageSize: goods.goodsItems.pageSize,
//     })
//     goods.goodsItems.items.push(...res.result.subTypes[activeIndex.value].goodsItems.items)
//   } else {
//     uni.showToast({ icon: 'none', title: '没有更多数据~' })
//   }
// }
//
// onLoad(() => {
//   getHotData()
// })
</script>

<template>
<!--  <view class="viewport">-->
<!--    &lt;!&ndash; 推荐封面图 &ndash;&gt;-->
<!--    <view class="cover">-->
<!--      <image :src="hotList.bannerPicture" />-->
<!--    </view>-->
<!--    &lt;!&ndash; 推荐选项 &ndash;&gt;-->
<!--    <view class="tabs">-->
<!--      <text-->
<!--        v-for="(item, index) in hotList.subTypes"-->
<!--        :key="item.id"-->
<!--        class="text"-->
<!--        :class="{ active: index === activeIndex }"-->
<!--        @tap="activeIndex = index"-->
<!--      >-->
<!--        {{ item.title }}-->
<!--      </text>-->
<!--    </view>-->
<!--    &lt;!&ndash; 推荐列表 &ndash;&gt;-->
<!--    <scroll-view-->
<!--      scroll-y="true"-->
<!--      v-for="(item, index) in hotList.subTypes"-->
<!--      :key="item.id"-->
<!--      v-show="activeIndex == index"-->
<!--      class="scroll-view"-->
<!--      @scrolltolower="onScrollToLower"-->
<!--    >-->
<!--      <view class="goods">-->
<!--        <navigator-->
<!--          hover-class="none"-->
<!--          class="navigator"-->
<!--          v-for="goods in item.goodsItems.items"-->
<!--          :key="goods.id"-->
<!--          :url="`/pages/goods/goods?id=${goods.id}`"-->
<!--        >-->
<!--          <image class="thumb" :src="goods.picture"></image>-->
<!--          <view class="name ellipsis">{{ goods.name }}</view>-->
<!--          <view class="price">-->
<!--            <text class="symbol">¥</text>-->
<!--            <text class="number">{{ goods.price }}</text>-->
<!--          </view>-->
<!--        </navigator>-->
<!--      </view>-->
<!--      <view class="loading-text">-->
<!--        {{ item.goodsItems.pages > item.goodsItems.page ? '正在加载...' : '没有更多数据~' }}-->
<!--      </view>-->
<!--    </scroll-view>-->
<!--  </view>-->
</template>

<style>
page {
  height: 100%;
  background-color: #f4f4f4;
}

</style>
